$('.usernamef').on('mousemove', function () {
    $('.optioner').show()
    $('.usernamer').children('.lower').hide().siblings('.upper').show()
    $('.xian1').show()
})
$('.usernamef').mouseout(function () {
    $('.optioner').hide()
    $('.usernamer').children('.upper').hide().siblings('.lower').show()
    $('.xian1').hide()
})
$('.usernamef').on('click', function () {
    $('.optioner').show()
    $('.usernamer').children('.lower').hide().siblings('.upper').show()
})
$('.exit').on('mousemove', function () {
    $(this).children('.xian2').show()
})
$('.exit').on('mouseout', function () {
    $(this).children('.xian2').hide()
})

// 退出按钮
$('.exit').click(function () {
    let x = confirm('确定要退出吗？')
    if (x === false) {
        return
    } else {
        location.href = './login.html'
        localStorage.removeItem('token')
    }
})

// 发送获取用户信息请求
function readerMy() {
    $.ajax({
        url: '/my/user/userinfo',
        success: function (res) {
            let text = res.data.username
            // 更改欢迎词
            if (res.data.nickname == null) {
                $('.username').html(text)
            } else {
                $('.username').html(res.data.nickname)
            }
            // 将第一个字母转换为大写
            $('.user-text').html(text.substring(0, 1).toUpperCase())
            // 设置头像
            if (res.data.user_pic == null) {
                $('.img').hide()
            } else {
                $('.user-text').hide()
                $('.user-pic').attr('src', res.data.user_pic)
            }
            $('.form-control-static').html(text)
            // 设置用户昵称和邮箱
            if (res.data.nickname !== null) {
                $('#nickname').val(res.data.nickname)
            }
            if (res.data.email !== null) {
                $('#email').val(res.data.email)
            }
        }
    })
}
readerMy()

// 修改用户基本信息
function updataUser() {
    $('#messages1 #submit').click(function (e) {
        e.preventDefault()
        if ($('#nickname').val() == '' || $('#email').val() == '') {
            alert('请输入用户信息！！！')
        } else {
            let data = $('#messages1 .form-inline').serialize()
            $.ajax({
                type: 'POST',
                url: '/my/user/userinfo',
                data,
                success: function (res) {
                    alert(res.message);
                    readerMy()
                }
            })
        }
    })

}
updataUser()

// 修改用户密码
$('#submit-pwd').click(function () {
    // 判断两次密码输入是否一致
    if ($('#newPwds').val() !== $('#newPwd').val()) {
        alert('两次密码不一致！！！')
        $('#messages2 .form-inline')[0].reset()
    } else {
        let pwdData = $('#messages2 .form-inline').serialize()
        $.ajax({
            type: 'POST',
            url: '/my/user/updatepwd',
            data: pwdData,
            success: function (res) {
                alert(res.message)
                $('#messages2 .form-inline')[0].reset()
            }
        })
    }


})

// 获取分类
function getList() {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {
            // console.log(res.data);
            let str = ''
            res.data.forEach(item => {
                str += `<tr>
                    <td style="display:none" class="index">${item.id}</td>
                    <td>${item.name}</td>
                    <td>${item.alias}</td>
                    <td>
                        <button type="button" class="btn btn-info updata btn-xs" data-toggle="modal" data-target="#exampleModal">编辑</button>
                        <button type="button" class="btn btn-danger btn-xs deleteList">删除</button>
                    </td>
                </tr>`
            });
            $('#profile1 tbody').html(str)
            $('#profile1 .form-inline')[0].reset()
            deleteList()
            uplist()
        }
    })
}
// 删除分类
function deleteList() {
    $('.deleteList').click(function () {
        let x = confirm('确定要删除吗？？？')
        if (x === false) return
        let delete_id = $(this).parent().siblings('.index')[0].innerText
        $.ajax({
            url: '/my/category/delete',
            data: {
                id: delete_id
            },
            success: function (res) {
                alert(res.message)
                getList()
            }
        })
    })
}

// 编辑分类
function uplist() {
    let up_id = ''
    $('.updata').click(function () {
        up_id = $(this).parent().siblings('.index')[0].innerText
    })
    $('.uplist').click(function (e) {
        e.preventDefault()
        let updata = $('#profile1 #upload').serialize()
        let updatas = 'id=' + up_id + '&' + updata
        $.ajax({
            type: 'POST',
            url: '/my/category/update',
            data: updatas,
            success: function (res) {
                alert(res.message)
                getList()
            }
        })
    })
}
// 进入该模块获取分类
$('.profile1').click(function () {
    getList()
})
// 添加分类
$('#submit-text').click(function () {
    if ($('#name').val() == '') {
        alert('请输入分类名称！！！')
    } else if ($('#alias').val() == '') {
        alert('请输入分类别名！！！')
    } else {
        let textDate = $('#profile1 .form-inline').serialize()
        $.ajax({
            type: 'POST',
            url: '/my/category/add',
            data: textDate,
            success: function (res) {
                alert(res.message)
                getList()
            }
        })
    }
})

// 更换头像
$('button:contains("选择头像")').on('click', function () {
    $('#file').trigger('click');
})
$('#file').on('change', function () {
    let files = this.files
    if (files.length > 0) {
        let fileObj = files[0]
        let url = URL.createObjectURL(fileObj)
        $('#image').attr('src', url)
        let base64 = $('#image')
        console.log(base64);
    }
})
$('button:contains("确认修改")').click(function () {
    var img = $('#image').attr('src'); //imgurl 就是你的图片路径
    // 封装一个转换函数  
    function getBase64Image(img) {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
        var dataURL = canvas.toDataURL("image/" + ext);
        return dataURL;
    }
    var image = new Image();
    image.src = img;
    image.onload = function () {
        var base64 = getBase64Image(image);
        $.ajax({
            type: 'POST',
            url: '/my/user/avatar',
            data: {
                avatar: base64
            },
            success: function (res) {
                alert(res.message);
                if (res.status === 0) {
                    // 更新index.html的头像
                    readerMy()
                }
            }
        })
    }
})

// 文章列表
// 获取文章信息
let TextData = {
    pagenum: 1,
    pagesize: 2
}

function getText() {
    $.ajax({
        url: '/my/article/list',
        data: TextData,
        success: function (res) {
            // console.log(res);
            let str = ''
            res.data.forEach(item => {
                str += `<tr>
                <td style="display:none" class="index">${item.id}</td>
                <td>${item.title}</td>
                <td>${item.cate_name}</td>
                <td>${item.pub_date}</td>
                <td>${item.state}</td>
                <td>
                    <button type="button" class="btn btn-info uptext btn-xs" >编辑</button>
                    <button type="button" class="btn btn-danger btn-xs deleteText">删除</button>
                </td>
            </tr>`
            })
            $('#profile2 tbody').html(str)
            getPage(res.total)
            // 删除文章
            $('.deleteText').click(function () {
                let x = confirm('确定要删除吗？？？')
                if (x === false) return
                let delete_id = $(this).parent().siblings('.index')[0].innerText
                $.ajax({
                    url: `/my/article/delete/${delete_id}`,
                    success: function (res) {
                        alert(res.message)
                        getText()
                        getPage()
                    }
                })
            })
        }
    })
}
// 点击文章管理，获取文章信息
$('.profile2').click(function () {
    getText()
    getPage()
    getOptin()
})
// 文章分页
function getPage(x) {
    let laypage = layui.laypage
    laypage.render({
        elem: 'page', // 是指将分页器放在那个盒子里，是id，不用带#
        count: x, // 数据总数，从服务器得到
        limit: TextData.pagesize, //每页几条数据
        curr: TextData.pagenum, //当前页
        limits: [2, 3, 5],
        layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'], //自定义排版
        jump: function (obj, first) {
            // 首次不执行
            if (!first) {
                // console.log(obj.curr);
                // console.log(obj.limit);
                TextData.pagesize = obj.limit
                TextData.pagenum = obj.curr
                getText()
            }
        }
    })
}

//获取文章分类
function getOptin() {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {
            // console.log(res.data);
            let str = ''
            res.data.forEach(item => {
                str += ` <option value="${item.id}">${item.name}</option>`
            });
            $('.option-asso').append(str)
            // console.log($('.option-asso'));
        }
    })
}

// 文章筛选
$('#select-text').click(function (e) {
    e.preventDefault()
    let cate_id = $('.option-asso').val()
    let state = $('.option-state').val()
    if (state) {
        TextData.state = state
    } else {
        delete TextData.state
    }
    if (cate_id) {
        TextData.cate_id = cate_id
    } else {
        delete TextData.cate_id
    }
    TextData.pagenum = 1
    getText()
})

// 添加文章
let form = layui.form
$('.profile3').click(function () {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {
            // console.log(res.data);
            let str = ''
            res.data.forEach(item => {
                str += ` <option value="${item.id}">${item.name}</option>`
            });
            $('#profile3 .cate_id').append(str)
            form.render()
            // console.log($('.option-asso'));
        }
    })
})
// 加载编辑器插件
initEditor()
$('#cover').on('click', function () {
    $('#files').trigger('click')
})
// 给文件域添加事件
$('#files').on('change', function () {
    let files = this.files
    // console.dir(this);
    let url = URL.createObjectURL(files[0])
    $('#profile3 #image').attr('src', url)
})
// 提交按钮
$('.layui-form').submit(function (e) {
    e.preventDefault()
    let fd = new FormData(this)
    // 设置文本域格式
    fd.set('content', tinyMCE.activeEditor.getContent())
   // 图片

   let fileData = $('#files')
   fileData.toBlob(blob => {
    fd.append('cover_img', blob)
       fd.forEach((value,key)=>{
        console.log(key,value);
       })
   })
   
    // $.ajax({
    //     type: 'POST',
    //     url: '/my/article/add',
    //     data: fd,
    //     processData: false,
    //     contentType: false,
    //     success: function (res) {
    //         console.log(res);
    //         // if (res.status == 0) {
    //         //     layer.msg(res.message, { time: 1000 }, function () {
    //         //         location.href = './list.html'
    //         //     })
    //         // } else {
    //         //     layer.msg(res.message)
    //         // }
    //     }
    // })
})